<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
		<script type="text/javascript">
			document.addEventListener('plusready', function() {
				//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。")

			});
		</script>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<div class="top">
			<div class="logo"><img src="img/logo.png"></div>
			<div class="search">
				<i class="fa fa-search"></i>
				<input type="text" value="" />
				<i class="fa fa-camera-retro"></i>
			</div>
			<div class="level">积分 2000</div>
			<div class="me">我的</div>
		</div>
		<div class="nav">
			<div class="menu">
				<ul>
					<li><a href="#">推荐</a></li>
					<li><a href="#">要闻</a></li>
					<li><a href="#">思想</a></li>
					<li><a href="#">亮点</a></li>
					<li><a href="#">浙江</a></li>
					<li><a href="#">综合</a></li>
				</ul>
			</div>
			<div class="control">
				<i class="fa fa-align-left"></i><i class="fa fa-magnet"></i>
			</div>
		</div>
		<div id="container">
			<div class="banner">
				<div class="banner_content">
					<img src="img/show3.jpg" alt="">
					<img src="img/show4.jpg" alt="">
					<img src="img/show6.jpg" alt="">
					<img src="img/show7.jpg" alt="">
				</div>
			</div>
			<div class="contraller">
				<div class="item">
					<img src="img/lQLPJv8i11JApTBgXLBCcHxiyLXedgOWdz63gGkA_92_96.png" alt="">
					<p>学习汇</p>
				</div>
				<div class="item">
					<img src="img/lQDPJwgUChMc1jDM1MzUsBLgr05OsLEMA5Z3PwNAaQA_212_212.jpg" alt="">
					<p>强国运动</p>
				</div>
				<div class="item">
					<img src="img/lQDPJxK8hgFwVjDM1MzUsKj7UvDrUsJgA5Z3Pt6AZgA_212_212.jpg" alt="">
					<p>强国云盘</p>
				</div>
				<div class="item">
					<img src="img/lQDPJxXdycUzbXDM1MzUsOnnGYYc-wncA5Z3eO2AYAA_212_212.jpg" alt="">
					<p>签到服务</p>
				</div>
				<div class="item">
					<img src="img/lQDPJwIcFpfj1jDNASzNASywHbPVZXCKsgMDlnc-7kBgAA_300_300.jpg" alt="">
					<p>强车电单车</p>
				</div>
				<div class="item">
					<img src="img/lQLPJxfsYraGnXDM1MzUsCm8wSf2CnrwA5Z3eNmAZgA_212_212.png" alt="">
					<p>强国专利</p>
				</div>
				<div class="item">
					<img src="img/lQDPJwIcFpfj1jDNASzNASywHbPVZXCKsgMDlnc-7kBgAA_300_300.jpg" alt="">
					<p>强国字典</p>
				</div>
				<div class="item">
					<img src="img/u=322943343,3054117911&fm=253&fmt=auto&app=138&f=PNG.webp" alt="">
					<p>强国应用</p>
				</div>

			</div>
			<div class="title">
				<p>
					<span>新闻头条</span>
					<a href="">更多</a>
				</p>
			</div>
			<div class="news">
				<div class="item">
					<div class="iteminfo">
						<h4>2022年习主席出访足迹 科技政策要聚焦自立自强</h4>
						<p>
							<span>阅读：2359</span>
							<span>点赞：3421</span>
							 <span>评论：537</span>
						</p>
					</div>
					<div class="iteming">
						<img src="img/show4.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="iteminfo">
						<h4>中国多地通知轻症正常上班，美国突然喊话中方，外交部作出回应</h4>
						<p>
							<span>阅读：1340</span>
							<span>点赞：1200</span>
							 <span>评论：340</span>
						</p>
					</div>
					<div class="iteming">
						<img src="img/20221223111341621989.jpeg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="iteminfo">
						<h4>阳了别随便洗澡！BQ.1和XBB已传入我国！张文宏：第一批次疫苗难阻再次感染</h4>
						<p>
							<span>阅读：2235</span>
							<span>点赞：4579</span>
							 <span>评论：440</span>
						</p>
					</div>
					<div class="iteming">
						<img src="img/20221222113542569380a.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="iteminfo">
						<h4>习近平向《生物多样性公约》第十五次缔约方大会第二阶段高级别会议开幕式致辞</h4>
						<p>
							<span>阅读：2356</span>
							<span>点赞：7633</span>
							 <span>评论：654</span>
						</p>
					</div>
					<div class="iteming">
						<img src="img/116fefec796e424389fff64b423f9db9.jpg" alt="">
					</div>
				</div>
			</div>
		</div>
		<div class="btnnav">
			<ul>
				<li><a href="#"><i class="fa fa-home"></i>强国通</a></li>
				<li><a href="#"><i class="fa fa-fighter-jet"></i>百灵</a></li>
				<li class="mid"><a href="#">学习</a></li>
				<li><a href="#"><i class="fa fa-arrow-circle-o-right"></i>电视台</a></li>
				<li><a href="#"><i class="fa fa-feed"></i>电台</a></li>
			</ul>
		</div>
	</body>
</html>